<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>交易密码(请先设置交易密码)</title>
    <link rel="stylesheet" type="text/css" th:href="@{/style/balance.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/style/password.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/base.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/index.css}">
</head>

<style type="text/css">
    #pc_nav ul li:hover div{
        display: inline-block;
    }
    #pc_nav ul li div{
        display: none;
        border-radius:2px;
        position:absolute;
    }
    #pc_nav ul li #di2{
        width:140px;
        height: 320px;
        background-color: white;
    }

    #pc_nav ul li #di2 a{
        /*text-decoration: none;*/
        list-style: none;
        height: 15px;
        margin-top: 5px;
        color: lightgrey;
        border:0px solid gainsboro;
        line-height:5px;
        width: 80%;
        word-break:keep-all;
        white-space:nowrap;
        text-align: center;
        display:block;
        font-size: 18px;
        margin-left: -20px;
        margin-bottom: 20px;
    }

</style>
<body>



<!--nav-->
<nav id="pc_nav" class="container clearfix hidden-xs"th:each="codeUser:${codeUsers}">
    <a href="http://www.baidu.com" th:href="@{/logged/loginIndex(userNo=${codeUser.userNo})}" class="fl mt10">
        <img th:src="@{/images/codeLogo.jpg}" width="120px" height="70px" ></a>
    <ul class="fr clearfix" >
        <li>
            <a href="http://www.baidu.com" th:href="@{/logged/loginIndex(userNo=${codeUser.userNo})}">首页</a></li>
        <li><span>|</span></li>
        <li><a href="#" th:href="@{/item/loginItemsList(userNo=${codeUser.userNo})}">项目</a></li>
        <li><span>|</span></li>
        <li>
            <span th:switch="${codeUser.type}">
                    <span th:case= "1">
                      <a href="#" th:href="@{/item/releaseProject(userNo=${codeUser.userNo})}">项目发布</a>
                    </span>
                    <span th:case= "2">
                       <a href="#">我的参与</a>
                    </span>
            </span>
        </li>
        <li><span>|</span></li>
        <li><a href="#" th:href="@{/help}">帮助</a></li>

        <li class="div2">
            <span><a href="#"><img th:src="@{'/article/'+ ${codeUser.image}}"  height="60px" width="60px"></a></span>
            <div id="di2" class="div2x" style="z-index: 90;margin-top: 2px;">
                <p><a style="text-decoration: none" th:text="'hello，'+${codeUser.nickName}">hello，xxx</a></p>
                <hr />
                <p><a th:href="@{/logged/userInformation(userNo=${codeUser.userNo})}">个人中心</a></p>
                <hr />
                <p><a th:href="@{/logged/moneyPay(userNo=${codeUser.userNo})}">我的开发宝</a></p>
                <hr />
                <p><a th:href="@{/item/myCollection(userNo=${codeUser.userNo})}">我收藏的项目</a></p>
                <hr />
                <p><a th:href="@{/logged/advise(userNo=${codeUser.userNo})}">我要建议</a></p>
                <hr />
                <p><a th:href="@{/}">退出登录</a></p>
            </div>
        </li>

    </ul>
</nav>




<div class="main-menu">
    <div class="content-menu" style="width: 100%; height: 100%;">
        <div class="left-menu">
            <div class="left-v-menu">
                <ul th:each="codeUser:${codeUsers}">
                    <a th:href="@{/logged/moneyPay(userNo=${codeUser.userNo})}" class="side-nav-a">
                        <li class="side-nav-item"><img th:src="@{/images/acount.png}" style="margin-left: 20px;"><span
                                style="margin-left: 10px;">账户余额</span></li>
                    </a>
                    <a th:href="@{/logged/password(userNo=${codeUser.userNo})}" class="side-nav-a">
                        <li class="side-nav-item"><img th:src="@{/images/password.png}" style="margin-left: 20px;"><span
                                style="margin-left: 10px;">交易密码</span></li>
                    </a>
                </ul>
            </div>
        </div>
        <div class="right-menu" style="height: 800px;">
            <div class="tips">根据税务局要求，2018年6月起码虫将不再支持发票，仅提供资金托付服务。敬请谅解!</div>
            <div class="tips-password" style="margin-top: 120px;">
                <span style="margin-left: 15px;line-height: 50px;font-size: 18px;color: black;">您还未设置交易密码!</span>
                <div class="division" style="width: 573px;margin-left: 15px;"></div>
                <span style="margin-left: 15px;line-height: 30px;font-size: 12px;">在提现、使用账户余额进行支付时需要输入交易密码，请妥善保管。</span>
            </div>
            <div class="set-password">
                <h2>设置交易密码</h2>
                <div class="division" style="width: 573px;margin-left: 5px;"></div>
                <span>*请确保登录密码与交易密码不同!</span><br/>
                <span>*密码必须为6~16位，字母或数字组合。</span><br/>
                <div th:each="codeUser:${codeUsers}">
                <form class="password-form" style="margin-top: 30px;" th:action="@{/logged/setPsd(userNo=${codeUser.userNo})}" method="post">
                    <div class="items">
                        <label style="line-height: 30px;margin-left: 30px;">交易密码:</label>
                        <div class="input-box">
                            <div class="input">
                                <input name="password" contenteditable="true" style="width: 202px;height: 26px;" />
                            </div>
                        </div>
                    </div>
                    <div class="items">
                        <label style="line-height: 30px;margin-left:5px;">确认交易密码:</label>
                        <div class="input-box">
                            <div class="input">
                                <input name="password2" contenteditable="true" style="width: 202px;height: 26px;" />
                                </div>
                            </div>
                        </div>
                    <button type="submit"
                            style="text-align:center;
                            width: 20rem;height: 50px;color: #FFFFFF;border-radius: 4px;
                            background-color:#4289DB;box-shadow: 0 3px 3px rgba(45,51,56,.2);
                            font-size: 1.3rem;font-weight: 500;margin-left: 120px;margin-top: 40px">
                        确认
                    </button>
                </form>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="footer-codeworm"><span style="margin-left: 500px;font-weight: 600;font-size: 20px;color: white;">码虫服务平台</span><strong
                style="margin-left: 800px;color: rgb(135,150,168);">Copyright©2018-2022</strong></div>
    </footer>
</div>
</body>
</html>
